@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

@bcInnnerMarginTop: 20px;
@blessingLineHeight: 40px;

.blessCard {
    height: 100%;
    background: @fill-body;
    overflow: hidden;

    .bcInnner {
        height: calc(~"100% - "@bcInnnerMarginTop*2);
        margin: @bcInnnerMarginTop;
        background: @fill-base;
        text-align: center;
        position: relative;

        .img {
            width: 70%;
            margin-top: 20px;
        }

        .substitute{
            display: inline-block;
            background: #ececec;
        }

        .letterPaper {
            position: absolute;
            left: 5%;
            bottom: 0;
            width: 90%;
            z-index: 10;
            overflow-y: auto;

            .blessingRow {
                height: @blessingLineHeight;
                border-bottom: 1px solid #ddd;
            }
        }

        .letterPaper::-webkit-scrollbar { width: 0 !important }

        .blessing {
            margin-top: 20px;
            overflow-y: auto;

            .info {
                text-align: left;
                padding: 0 5%;
                line-height: @blessingLineHeight;

                p {
                    margin: 0;
                }

                a{
                    color:#4D7AD8;
                }

                span {
                    display: block;
                    text-align: right;
                }
            }

        }
    }
}